import { Component, OnInit, Input, Output,EventEmitter ,QueryList,ViewChildren,SimpleChanges} from '@angular/core';

@Component({
  selector: 'el-checkbox-group',
  templateUrl: './el-checkbox-group.component.html',
  styleUrls: ['./checkbox.css','./el-checkbox-group.component.css']
})
export class ElCheckboxGroupComponent implements OnInit {

    @Input() checkboxList:CheckBoxInput[]=[];
    @Input() size:string;
    @Input() fill:string='#20a0f';
    @Input() textColor:string='#fffff';
    @Input() min:number;
    @Input() max:number;
    @Input() isButton:boolean;

    @Input() model:any[];
    @Output() modelChange:EventEmitter<any>=new EventEmitter<any>();

    
    
    constructor() { }

    ngOnInit() {
        
    }
    handleModelChange(e){
        console.log(e)
    }
   

}

interface CheckBoxInput{
    label:string;
    name?:string;
    disabled?:boolean;
    checked?:boolean;
    indeterminate:boolean;
}
